<template>
  <div class="app">
    <!-- 1.高评价 -->
    <room-area :area-data="highScore"></room-area>
  </div>
</template>
<script setup>
import { reactive, ref } from "vue";
import RoomArea from "./components/RoomArea.vue"
//1.获取数据
// import highScore from "./data/high_score.json";
// console.log(highScore);
const highScore = ref({})
setTimeout(()=>{
  import("./data/high_score.json").then(res=>{
    console.log(res.default);
    highScore.value = res.default
  })
},1000)
</script>
<style lang="less" scoped>
/*局部css 支持css3 可以改变elementUI组件的样式 且组件样式调整只在本页面生效**/
/*主样式*/
.app {
  width: 1032px;
  padding: 40px;
  margin: 0 auto;
}

</style>
